<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        1.5 伪类选择器

            伪类选择器用于向某些选择器添加特殊的效果，比如给链接添加特殊效果，或选择第1个，第n个元素。
            伪类选择器书写最大的特点是用冒号(∶)表示，比如:hover , :first-child。
            因为伪类选择器很多，比如有链接伪类、结构伪类等，所以这里先给大家讲解常用的链接伪类选择器。
     -->

     <!-- 
        1.6 链接伪类选择器

            a : link        /*选择所有未被访问的链接*/
            a : visited     /*选择所有已被访问的链接*/
            a : hover       /*选择鼠标指针位于其上的链接*/
            a : active      /*选择活动链接（鼠标按下未弹起的链接） */
        

            链接伪类选择器注意事项

            1.为了确保生效，请按照LVHA的循顺序声明:link - :visited - :hover - :active。
            2记忆法:love hate或者lv包包hao。
            3.因为a链接在浏览器中具有默认样式，所以我们实际工作中都需要给链接单独指定样式。

       -->

       <!-- 

        1.7 :focus伪类选择器

            :focus伪类选择器用于选取获得焦点的表单元素。

            焦点就是光标，一般情况<input类表单元素才能获取，因此这个选择器也主要针对于表单元素来说。

            input : focus {
                background-color: yellow ;
            }

        -->

        <!-- 

        1.8复合选择器总结

        选择器        作用                 特征            使用情况           隔开符号及用法   
        
        后代选择器     用来选择后代元素     可以是子孙后       较多        符号是空格.nav a
        
        子代选择器     选择最近一级元素     只选亲儿子         较少        符号是大于.nav>p
        
        并集选择器     选择某些相同样式的   可以用于集体        较多        符号是逗号.nav,.header

        链接伪类选择   选择不同状态的链接    跟链接相关         较多        重点记住a份和a:hover实际开发

        :focus选择器   选择获得光标的表单    跟表单相关         较少        input:focus记住这个写法

         -->
</body>
</html>